<? session_start(); include("misc.php");  ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <title>Untitled Document</title>
  <link href="css/css.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery.js" type="text/javascript"></script>
<style type="text/css">
<!--

a.mainlink:link  { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	text-decoration:none;
	color: #FF0000;

	font-size: 11px;}

a.mainlink:visited { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}

a.mainlink:hover { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}

a.mainlink:active { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}



a.sublink:link  { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:visited { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:hover { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:active { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }


.style1 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	font-weight:bold;
	font-size: 11px;
}
.style4 {
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #666666;
	line-height:130%;
}
.yeller {
   border: solid 1px  #F4DA1C;
   background:#FFFBDF;
}
.style31 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #DFDFDF;
	font-size: 14pt;
	font-weight: bold;
}
.contact_input {    border-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-width:1px;
    border: solid 2px #DEDEDE;
 
	
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 8pt;
	color:#777777;
	padding:2px;
}
.style32 {font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; font-weight: bold; }
.style34 {font-size: 10pt}
.style39 {	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #999999;
	line-height: 130%;
}
.style36 {	color: #FF0000;
	font-weight: bold;
}

-->
  </style>
</head>
<body class="nomargin">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td width="900">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="30%" valign="bottom"><a href="index.php"><img src="images/logo.png" width="200" height="60" border="0"></a></td>
          <td width="70%" valign="top" id="login_container"><? load_top_info(); ?></td>
        </tr>
      </table>
      <table width="100%" border="0" cellspacing="2" cellpadding="3">
        <tr>
          <td id="main_header" width="100%" align="right">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="45%">&nbsp;</td>
                <td width="36%">&nbsp;</td>
                <td width="19%"><div align="right" class="header">Contact Us</div></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      
    </td>

    <td></td>
  </tr>
  <tr>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
            <table id="left_wing" width="100%" height="545" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
          <td width="3"></td>
        </tr>
      </table>
    </td>
    <td id="center" width="900"  valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="container"><tr><td  width="5%" valign="top"><table  height="542"  width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr>
        <td width="60%" valign="top"><table width="100%" border="0" cellspacing="7" cellpadding="5">
          <tr>
            <td width="4%" class="cell_text_tiny">&nbsp;&nbsp;</td>
            <td width="92%" class="cell_text_tiny">&nbsp;&nbsp;</td>
            <td width="4%" class="cell_text_tiny">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><span class="style31">Drop us a line...</span></td>
            <td class="cell_text_tiny">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td class="style4"><div align="justify" class="style34" style="line-height:130%">We are always open to comments and feedback. Write us if you want to see a new feature or spot something amiss. Or just say Hi!</div></td>
            <td class="cell_text_tiny">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="style32">Name</td>
                </tr>
                <tr>
                  <td><input type="text" name="textfield" id="name" class="contact_input" style="width:100%" value="<? if (isset($_SESSION['username'])) echo($_SESSION['username']); ?>"></td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="style32">Email</td>
                </tr>
                <tr>
                  <td><input type="text" name="textfield2" id="email" class="contact_input" style="width:100%"></td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
                <tr>
                  <td class="cell_text_tiny">&nbsp;</td>
                </tr>
              <td><span class="style32">Message </span><span class="style39">(<span id="chars">1500</span> chars left)</span></td>
              </tr>
              <tr>
                <td><textarea name="textarea" id="message" cols="45" style="width:100%; overflow:hidden" rows="15" class="contact_input"></textarea></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="25%"><table id="send" width="120" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="42%" class="pobox_button"><div align="center">Send</div></td>
                      </tr>
                    </table></td>
                    <td width="2%" class="style4">&nbsp;</td>
                    <td width="73%" class="style4"><span id="indicator"></span></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        <td  width="2%"  valign="top"><img src="images/divider.png" width="1" height="100%"></td>
        <td  width="38%" valign="top"><table width="100%" border="0" cellspacing="7" cellpadding="5">
          <tr>
            <td class="cell_text_tiny">&nbsp;&nbsp;</td>
          </tr>
          <tr>
            <td><img src="images/sf.jpg" width="294" height="262"></td>
          </tr>
          <tr>
            <td style="padding-left:10px;"><p align="left" class="style4"><span class="style34" style="line-height:150%"><span class="style36">Dinty </span><br>
              2342 Market Street<br>
              San Francisco, CA 92311<br>
              (614) 406-1128</span></p></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
        </tr>
    </table></td>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="3"></td>
          <td>
            <table id="right_wing" width="100%" height="545" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td></td>
    <td width="900"><? load_footer(); ?> </td>
    <td></td>
  </tr>
</table>
<script src="js/contact.js" type="text/javascript"></script>
</body>
</html>

